/* Form page styling */
        @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');
        
        .step { display: none; }
        .active { display: block; }
        .error { color: red; }
        body{font-family:poppins;}
        .steps-pagination .pagistep:last-child {border-radius: 0px 15px 15px 0px;}
        
           textarea#address::placeholder {   color: #bdbdbd;}
       
        input::placeholder , option , select,  textarea {  font-size:16px; }
        
        .cus-family , p , label , input , input::placeholder , option , select , textarea {
            font-size: 16px !important;
            font-weight: 400 !important;
            font-family: poppins !important;
        }
        
        /* Hide spin buttons in number inputs */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
        input[type="number"] {
          -moz-appearance: textfield;
        }
        
        /* Placeholder styling */
        input::placeholder, select::placeholder {
            color: #B8B8B8 !important;
            font-weight: 400 !important;
        }
        
        /* Button animations */
        .hover_btn.blue { color:#fff; background: #296F94;border: 2px solid #296F94;}
        .hover_btn.blue:hover {color: #296F94;}
        .hover_btn.blue:hover::before {background: #fff;}
        .hover_btn.blue:hover::after {background: #fff;}
        
        .hover_btn.grey {color:#002E49; background: #fff;border: 2px solid #D4D4D4;}
        .hover_btn.grey:hover {color: #002E49;}
        .hover_btn.grey:hover::before {background: #D4D4D4;}
        .hover_btn.grey:hover::after {background: #D4D4D4;}
        
        .hover_btn.pink {color:#fff; background: #f87171; border: 2px solid #f87171;}
        .hover_btn.pink:hover {color: #f87171;}
        .hover_btn.pink:hover::before {background: #fff;}
        .hover_btn.pink:hover::after {background: #fff;}
        
        button.hover_btn {
            cursor: pointer;
            font-size: 16px;
            display: inline-block;
            border-radius: 0.375rem;
            font-family: Poppins, sans-serif;
            overflow: hidden;
            padding: 0.75rem 1.5rem;
            position: relative;
            text-decoration: none;
            transition: 0.4s ease;
            z-index: 1;
        }
        
        button.hover_btn::before {
            transition: 0.3s ease;
            content: '';
            position: absolute;
            z-index: -1;
            top: 0;
            right: 50%;
            bottom: 0;
            left: 50%;
        }
        
        button.hover_btn::after {
            transition: 0.3s ease;
            content: '';
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        
        .hover_btn:hover::before {
            right: 0;
            left: 0;
        }
        
        /* Pagination steps */
        .steps-pagination {
            display: flex;
            margin-bottom: 20px;
            width: 75%;
            margin:20px auto;
        }
        .pagistep:nth-child(1) {
            border-radius: 10px 0px 0px 10px;
        }
        .pagistep:nth-child(5) {
            border-radius: 0px 10px 10px 0px;
        }
        .steps-pagination div {
            width: 100%;
            height: 10px;
            background-color: #ddd;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            color: #fff;
            transition: background-color 0.3s ease;
        }
        
        .pagistep.active {
            background-color: #296F94;
        }
        
        /* Signature pad */
        .kbw-signature { 
            margin: 10px 0px; 
            width: 600px; 
            border: 1px solid #ccc; 
        } 
        .kbw-signature canvas {
            width: 100%;
        }
        
        /* Modal styling */
        .popup_step {
            display: none;
        }
        
        .popup_step.active {
            display: block;
        }
        
        .scrolling_popup_sec {
            height: 350px;
            overflow-y: scroll;
            scroll-snap-type: y mandatory;
        }
        
        .scrolling_popup_sec p {
            padding-left: 25px;
            padding-bottom: 25px;
            position:relative;
        }
        
        .scrolling_popup_sec p::before {
            content: "";
            background-image: url(https://healinghandswl.com/wp-content/uploads/2024/08/right-arrow.png);
            width: 18px;
            height: 18px;
            position: absolute;
            background-repeat: no-repeat;
            background-size: contain;
            left: 0px;
        }
        
        .scrolling_popup_sec::-webkit-scrollbar {
            width: 10px !important; 
        }
        
        .scrolling_popup_sec::-webkit-scrollbar-track {
            background: #f1f1f1 !important; 
        }
        
        .scrolling_popup_sec::-webkit-scrollbar-thumb {
            background-color: #296F94 !important; 
            border-radius: 10px !important; 
            border: 2px solid #f1f1f1 !important; 
        }
        
        
        
        .input_filed_design  {
          width: 100% !important;
          padding: 0.75rem 1rem !important; /* py-3 px-4 */
          border: 1px solid #D4D4D4 !important;
          border-radius: 0.375rem !important; /* rounded-md */
          outline: none !important;
        }
        
       .input_filed_design:focus {
          border-color: #3B82F6 !important; /* blue-500 */
          box-shadow: 0 0 0 1px #3B82F6 !important; /* focus:ring-1 focus:ring-blue-500 */
        }
.border-b {
    border-bottom: 1px solid #e5e7eb !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.main_heading_h2{
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    background-color: #2884b9;
    padding: 15px;
    color: #fff;
    border-radius: 10px;
} 
.main_heading_h2 span {
    font-size: 20px;
}
 h4 {
    font-size: 1.5rem;
    background-color: #606060;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
}
    
        
        /* Responsive styles */
        @media screen and (max-width: 767px){
            .step {
                padding: 15px !important;
                width: 95% !important;
                border-radius: 25px !important;
            }
            
            .kbw-signature {
                width: 300px !important;
                height: 250px;
            }
            
            .mobile-calculate-btn {
                width: 100%;
                margin-bottom: 1rem;
            }
            
            [type='radio'], [type='checkbox'] {
                padding: 5px !important;
            }
            div#sig {width: 100% !important;}
            
        
                .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .form_body {
        width: 100% !important;
        padding: 20px !important;
        border-radius: 20px !important;
    }
    
    .main_heading_h2 {
        font-size: 1.2rem !important;
        padding: 10px !important;
    }
    
    h4 {
        font-size: 1.2rem !important;
        padding: 10px !important;
    }
    
    .grid.grid-cols-2.md\:grid-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .input_filed_design {
        padding: 0.5rem 0.75rem !important;
    }
    
    .flex.flex-col.md\:flex-row {
        flex-direction: column !important;
    }
    
    .gap-6 {
        gap: 15px !important;
    }
    
    .mb-8 {
        margin-bottom: 1.5rem !important;
    }
    
    .mt-6 {
        margin-top: 1rem !important;
    }
    
    .text-\[18px\] {
        font-size: 16px !important;
    }
    
    .hover_btn.blue {
        width: 100%;
        padding: 0.75rem !important;
    }
    
    /* Insurance card upload section */
    .flex.flex-col.md\:flex-row.gap-6.items-start.pt-4.pb-4 {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    /* Make file inputs full width */
    input[type="file"] {
        width: 100% !important;
    }
    
    /* Adjust text sizes */
    .font-normal.text-\[18px\] {
        font-size: 16px !important;
    }
    
    /* Radio button labels */
    .inline-flex.items-center {
        align-items: flex-start !important;
    }
    
    /* Reduce padding on form body */
    .p-10 {
        padding: 1.5rem !important;
    }
    
    
    
    /* Adjust line breaks in info text */
    .mb-8.pb-6 p {
        line-height: 1.5 !important;
    }
    
    /* Make error messages more visible */
    .text-red-500.text-sm.mt-1 {
        font-size: 14px !important;
    }
    br{display:none;}
    
    input#current_weight , input#current_height { margin-bottom: 0px !important;}
    
        }